/**
* layout
*/
.page_content{width: 1000px; height: auto; margin: 10px auto; color: #333;}
.main_l{float: left; width: 250px;}
.main_r{float: right; width: 750px;}

/**
* header
*/
/*.header{width: 100%; height: 60px; background: #252525; top:0;}*/
.header{width: 100%; height: 60px; background: #3B4250; top:0;}
.header .content{width: 1000px; margin: 0 auto; padding-top: 10px;}
.header .item,
.header .item_logo{float: left; width: 180px; height: 50px; line-height: 50px; background-color: #FFFFFF; background-position: 0 0; color: #333; font-size: 16px; font-weight: bold;}
.header .item_logo{width: 100px; background-color: #3B4250;}
.header .item.selected,
.header .item:hover{background-image: none; background: #3B4250; color: #FFFFFF;}
.header.fix{position: fixed; top: 0; left: 0; z-index: 100;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -moz-transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-duration: .25s;
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s; transition-duration: .25s;}


/**
* footer
*/
.footer{width: 100%; height: 150px; background: #929292; color: #1c1c1c; line-height: 35px; font-size: 14px;}
.footer .content{width: 1000px; height: 110px; margin: 20px auto; display: inline-block; text-align: left;}

/**
* slider
*/
.slider_index,
.slider_index img{width: 1000px; height: 340px; }
.slider_index{background: #8E8E8E;}
.slider_index .info_slide_dots{bottom: 0;}
.slider_index .prev_button,
.slider_index .next_button{background-image: none;}
.slider_index .info_slide_dots .image_number_select,
.slider_index .info_slide_dots .image_number_select:hover{background: #3B4250;}

/**
* scrollable
*/
.scroll_box{position: relative;}
.scrollable {position:relative; overflow:hidden; z-index: 3;}
.scrollable .items{width:20000em; position:absolute;}

.browse.left{left: 0;}
.browse.right{right: 0;}
.browse{width: 60px; height: 80px; top: 85px; background: #3B4250; display: none; position: absolute; z-index: 5;}
.browse.disabled{background: #DBDBDB;}
.browse .icon{width: 25px; height: 40px; margin: 20px auto; display: inline-block;}
.browse .icon_l{background-position: 1px 0;}
.browse .icon_r{background-position: -26px 0;}

/**
* panel
*/
.panel_title{height: 40px; text-align: left; font-size: 30px; font-weight: bold; margin: 10px 0; padding-bottom: 5px; border-bottom: 1px solid #949494;}
.panel_title .btn{width: 100px; height: 30px; line-height: 30px; margin: 5px 0; background: #949494; font-size: 14px; color: #ffffff; text-align: center;}
.panel_title .btn:hover{background: #3B4250;}
.panel_content_service{line-height: 40px; font-size: 18px; text-align: left; margin: 10px 0;}

/**
* menu
*/
.menu{}
.menu .item{float: left; width: 250px; height: 50px; line-height: 50px; font-size: 25px; cursor: pointer;}
.menu .item:hover,
.menu .item.selected,
.menu .item.current{background: #F3F3F3;}

/**
* metro
*/
.metro{background: #F3F3F3; padding: 10px 0;}
.metro .content{margin: 0 10px; border-collapse: separate; border-spacing: 8px; border: 0;}
.metro .item,
.metro .item img{width: 235px; height: 160px; cursor: pointer;}
.metro .item{margin: 10px 0 0 10px; font-size: 25px; font-weight: bold; color: #ffffff;}
.metro .item img{border: 0; margin: 0;}
.metro .item img.item_x{width:478px;}
.metro .item img.item_y{height: 328px;}
.m_i_1{background: #22BA9B;}
.m_i_2{background: #666981;}
.m_i_3{background: #68CAB6;}
.m_i_4{background: #FBB168;}
.m_i_5{background: #E17695;}
.m_i_6{background: #A285C5;}
.m_i_7{background: #8AA800;}
.m_i_8{background: #E7C311;}


/**
* tree
*/
.tree{}
.tree .ground{height: 6px; position: relative;}
.tree .ground .root{width: 150px; height: 50px; background: #3B4250; line-height: 50px; color: #FFFFFF; font-size: 16px; font-weight: bold; position: absolute; left: 30%; top: -22px; margin-left: -75px;}
.tree .leaf_left{width: 30%; border-right: 5px solid #3B4250; position: relative;}
.tree .leaf_right{width: 70%; height: auto; padding-left: 60px; color: #353534;}
.tree .leaf_right_temp{height: 80px;}

.tree .leaf_left .comment{width: 168px; height: 100px; background-position: 0 0; position: absolute; top: 0; right: -12px;}
.tree .leaf_left .comment .content{width: 100px; height: 60px; margin-top: 20px; color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 30px;}

.tree .leaf_right .title{width: 400px; line-height: 30px; text-align: left; font-size: 20px; font-weight: bold;}
.tree .leaf_right .content{width: 400px; height: 300px; margin-top: 20px; background-position: -284px -1px;}
.tree .leaf_right .content img{width: 335px; height: 222px; margin-top: 38px;}

/**
* 首页
*/

/** 服务项目 **/
.services_index{width: 1000px; height: 520px;}
.services_index .content{width: 980px; height: 480px;}

/** 合作伙伴 **/
.friends,
.friends .scrollable{width: 1000px; height: 250px;}
.friends .item{float: left; width: 250px; height: 250px;}

/**
* 服务项目页面
*/
.services{height: 520px; background: #F3F3F3;}
.services .metro .content{border-spacing: 7px;}
.services .metro .item,
.services .metro .item img{width: 234px;}
.services .metro .item_x,
.services .metro .item img.item_x{width:475px;}
.services .metro .item_y,
.services .metro .item img.item_y{height: 327px;}

.services .metro .item_xx,
.services .metro .item img.item_xx{width:716px;}
.services .metro .item_yy,
.services .metro .item img.item_yy{height: 494px;}

/**
* 成功案例页面
*/
.cases{background: #F3F3F3;}
.cases .hr{width: 750px; height: 5px; background: #3B4250;}

